﻿<%@ Page Title="" Language="C#" MasterPageFile="~/DuAnBily.master" AutoEventWireup="true" CodeBehind="Galleries.aspx.cs" Inherits="Bilyteam_Website.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="gallery-content">
    	<div id="gallery-top-slide">
            <ul class="gallery">
                <asp:DataList ID="dtlTopGalleries" runat="server" RepeatColumns="5" RepeatLayout="Flow">
                    <ItemTemplate>
                        <li>
                            <div class="boxgrid caption">
                                <a rel="example_group" href='./<%# Eval("Location") %>' class="thumb" style="background-image: url(./<%# Eval("Location") %>);" title="<%# Eval("ImageName") %>">
                                    <span>
                                        <img class="gallery-img" src="<%# Eval("Location") %>" alt="<%# Eval("ImageName") %>" />
                                    </span>
                                </a>
                                <div class="cover boxcaption">
                                    <h3><%# Eval("ImageName") %></h3>
                                    <p class="more" title="more info"></p>
                                        <p class="more-text">Have Twitter? Check out how<br />
                                        to embed your Twitter feed!</p>
                                    <p><a href="#" class="moreLink">More</a></p>
                                </div>
                            </div>
                        </li>
                    </ItemTemplate>
                </asp:DataList>
            </ul>
        </div>
        <div id="gallery-logo-slide">
        	<ul class="gallery">
                <li id="home-logo">
                	<a id="home-link" href="#" title="Home Bily Team"></a>
                </li>
                <asp:DataList ID="dtlLogoGalleries" runat="server" RepeatColumns="5" RepeatLayout="Flow">
                    <ItemTemplate>
                        <li>
                            <div class="boxgrid caption">
                                <a rel="example_group" href='./<%# Eval("Location") %>' class="thumb" style="background-image: url(./<%# Eval("Location") %>);" title="<%# Eval("ImageName") %>">
                                    <span>
                                        <img class="gallery-img" src="<%# Eval("Location") %>" alt="" />
                                    </span>
                                </a>
                                <div class="cover boxcaption">
                                    <h3><%# Eval("ImageName") %></h3>
                                    <p class="more" title="more info"></p>
                                        <p class="more-text">Have Twitter? Check out how<br />
                                        to embed your Twitter feed!</p>
                                    <p><a href="#" class="moreLink">More</a></p>
                                </div>
                            </div>
                        </li>
                    </ItemTemplate>
                </asp:DataList>
            </ul>
        </div>
        <div id="gallery-bottom-slide">
            <ul class="gallery">
        	    <asp:DataList ID="dtlBottomGalleries" runat="server" RepeatColumns="5" RepeatLayout="Flow">
                    <ItemTemplate>
                        <li>
                            <div class="boxgrid caption">
                                <a rel="example_group" href='./<%# Eval("Location") %>' class="thumb" style="background-image: url(./<%# Eval("Location") %>);" title="<%# Eval("ImageName") %>">
                                    <span>
                                        <img class="gallery-img" src="<%# Eval("Location") %>" alt="" />
                                    </span>
                                </a>
                                <div class="cover boxcaption">
                                    <h3><%# Eval("ImageName") %></h3>
                                    <p class="more" title="more info"></p>
                                        <p class="more-text">Have Twitter? Check out how<br />
                                        to embed your Twitter feed!</p>
                                    <p><a href="#" class="moreLink">More</a></p>
                                </div>
                            </div>
                        </li>
                    </ItemTemplate>
                </asp:DataList>
            </ul>
        </div>
    </div>
    <div class="clear"></div>
</asp:Content>
